<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">
		<meta charset="utf-8" />
		<link href="css/bootstrap.css" rel="stylesheet">
		<link rel="stylesheet" href="css/main.css">
		<link rel="stylesheet" href="css/datepicker.css">

		<script src="js/jquery.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/bootstrap-datepicker.js"></script>

		<title>名片管理系统</title>
	</head>
	<script language="javascript">
$(function(){
	var url = "servlet/GetAllUnitsServlet";
	$.get(url,null,function(data){
		var objs = eval(data);
		for(var i=0;i<objs.length;++i)
		{
			$("#department").append("<option value='"+objs[i]+"'>"+objs[i]+"</option>");
		}
	});
	
	$("#department").change(function()
	{
		var arg = $(this).children('option:selected').val();
		alert(arg);
		var url = "servlet/GetUsersServlet?arg="+arg;
		$.post(url,arg,function(data){
			var objs = eval(data);
			$("#person").empty();
			for(var i=0;i<objs.length;++i)
			{
				$("#person").append("<option value='"+objs[i]+"'>"+objs[i]+"</option>");
			}
		});
	});
	
	$("#searchbtn").click(function(){
		var dateselect = $("#date");
		var dates = $("#datestart");
		var datee = $("#dateend");
		var includemy = false;
		if($("#includemy").attr("check") ==true)
		{
			includemy = true;
			alert('asdf');
		}
		alert(includemy);
		if(dateselect.val() != "nodate" 
				&&( dates.val().length==0 || datee.val().length==0))
			alert("请选择起始日期");
		
					
	});
	
	$("#datestart").click(function(){
		$("#datestart").datepicker({
			format:'yyyy-dd-mm'
		});
	});
	$("#dateend").click(function(){
		$("#dateend").datepicker({
			format:'yyyy-dd-mm'
		});
	});
});
</script>
	<body>
		<div id="searchdiv" style="background-color: #efefef; height: 110px">
			<form id="cardsearchform" name="cardsearchform">
				<div style="width: 380px; float: left">
					<p>
						<strong>单元表示</strong>
					</p>
					<p>
						<select style="width: 200px" id="department">
							<option value="mycard">
								自己所有名片
							</option>
							<option value="allcard">
								全部
							</option>
						</select>
					</p>
					<p>
						<select style="width: 200px" id="person">
							<option>
								all
							</option>
							<option>
								my
							</option>
							<option>
								else
							</option>
						</select>
						&nbsp;&nbsp;
						<input type="checkbox" id="includemy" />
						<span>包含我自己的所有名片</span>
					</p>
				</div>
				<div style="width: 435px; float: right">
					<p>
						<strong>检索</strong>
					</p>
					<p>
						<span>公司: </span>
						<input id="cmpname" type="text" />
						<span>姓名: </span>
						<input id="name" type="text" />
					</p>
					<p>
						<span>日期: </span>
						<select id="date" style="width: 67px">
							<option value="nodate">
								--
							</option>
							<option value="logindate">
								登陆日
							</option value="update">
							<option>
								更新日
							</option>
						</select>
						<input id="datestart" style="width: 87px" id="datestart" type="text" />
						<span>--</span>
						<input id="dateend" style="width: 87px" id="dateend" type="text" />
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						<button id="searchbtn" class="btn btn-primary btn-sm">
							&nbsp;检索&nbsp;
						</button>
					</p>
				</div>
			</form>
		</div>
		<p></p>
		<div id="tablediv" style="height: 300px">
			<table class="table table-bordered table-hover">
				<tr>
					<th>
						m
					</th>
					<th>
						姓名
					</th>
					<th>
						所有者单元
					</th>
					<th>
						所有者
					</th>
					<th>
						公司
					</th>
					<th>
						部门
					</th>
					<th>
						职位
					</th>
					<th>
						详细信息
					</th>
				</tr>
				<tr>
					<td>
						<input type="checkbox" />
					</td>
					<td>
						李四
					</td>
					<td>
						日本测试部
					</td>
					<td>
						张三疯
					</td>
					<td>
						日本测试部
					</td>
					<td>
						日本软件公司
					</td>
					<td>
						软件测试
					</td>
					<td>
						<a href="detail.html">详细信息</a>
					</td>
				</tr>
				<tr>
					<td>
						<input type="checkbox" />
					</td>
					<td>
						李四
					</td>
					<td>
						日本测试部
					</td>
					<td>
						张三疯
					</td>
					<td>
						日本测试部
					</td>
					<td>
						日本软件公司
					</td>
					<td>
						软件测试
					</td>
					<td>
						<a href="detail.html">详细信息</a>
					</td>
				</tr>
				<tr>
					<td>
						<input type="checkbox" />
					</td>
					<td>
						李四
					</td>
					<td>
						日本测试部
					</td>
					<td>
						张三疯
					</td>
					<td>
						日本测试部
					</td>
					<td>
						日本软件公司
					</td>
					<td>
						软件测试
					</td>
					<td>
						<a href="detail.html">详细信息</a>
					</td>
				</tr>
				<tr>
					<td>
						<input type="checkbox" />
					</td>
					<td>
						李四
					</td>
					<td>
						日本测试部
					</td>
					<td>
						张三疯
					</td>
					<td>
						日本测试部
					</td>
					<td>
						日本软件公司
					</td>
					<td>
						软件测试
					</td>
					<td>
						<a href="detail.html">详细信息</a>
					</td>
				</tr>
				<tr>
					<td>
						<input type="checkbox" />
					</td>
					<td>
						李四
					</td>
					<td>
						日本测试部
					</td>
					<td>
						张三疯
					</td>
					<td>
						日本测试部
					</td>
					<td>
						日本软件公司
					</td>
					<td>
						软件测试
					</td>
					<td>
						<a href="detail.html">详细信息</a>
					</td>
				</tr>
				<tr>
					<td>
						<input type="checkbox" />
					</td>
					<td>
						李四
					</td>
					<td>
						日本测试部
					</td>
					<td>
						张三疯
					</td>
					<td>
						日本测试部
					</td>
					<td>
						日本软件公司
					</td>
					<td>
						软件测试
					</td>
					<td>
						<a href="detail.html">详细信息</a>
					</td>
				</tr>
				<tr>
					<td>
						<input type="checkbox" />
					</td>
					<td>
						李四
					</td>
					<td>
						日本测试部
					</td>
					<td>
						张三疯
					</td>
					<td>
						日本测试部
					</td>
					<td>
						日本软件公司
					</td>
					<td>
						软件测试
					</td>
					<td>
						<a href="detail.html">详细信息</a>
					</td>
				</tr>
			</table>
		</div>
		<br>
		<div id="downdiv">
			<p>
				<button type="button" class="btn btn-info btn-xs">
					&nbsp;&nbsp;&nbsp;全选&nbsp;&nbsp;&nbsp;
				</button>
				<button type="button" class="btn btn-info btn-xs">
					取消全选
				</button>
				<select name="txtGroupNam" size="1"
					style="margin-left: 520px; width: 120px;">
					<option value="200">
						追加到组
					</option>
					<option value="300">
						全部更新
					</option>
					<option value="301">
						全部删除
					</option>
				</select>
				<button style="margin-left: 35px" type="button"
					class="btn btn-primary btn-sm">
					&nbsp;&nbsp;&nbsp;执行&nbsp;&nbsp;&nbsp;
				</button>
			</p>
		</div>
	</body>
</html>
